import { Group, Boxs, Button,Avatar} from 'saltui';
const { Box,VBox } = Boxs;
const avatarColors = ['#38adff'];
import './PageDemo.less'
export default class Demo extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
    }
  }

  render() {
    let t=this;
    return <div className=" t-PR14 t-PL14 t-PT10 t-PB10 t-LH1_5 t-BCf">
      <div className="t-MB10">
          <Button type="minor">会议预定审批办理</Button>
      </div>
          
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="1" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>审批办理-待办</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              查阅所有需要我审核办理的会议申请，可在线通过或驳回会议申请。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
           <img src="../../../fmui/images/meeting_25.png" alt=""/>
        </div>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
          <img src="../../../fmui/images/meeting_26.png" alt=""/>
        </div>
      </Group>
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="2" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>审批办理-已办</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              查阅所有我已经办理的会议申请，可查看流程已流转的审批信息，并根据流程设置撤销我的已办流程。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_27.png" alt=""/>
        
        </div>
      </Group>
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="3" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>审批办理-我的</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              查阅所有我申请的会议流程，流程通过审批后可在我的会议中管理会议进程，被驳回的流程可修改后再次发送，可根据实际工作情况取消已发送的会议申请。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
           <img src="../../../fmui/images/meeting_28.png" alt=""/>
        </div>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              提交会议申请后，如审批人长时间未处理，可进入办理菜单，查找我发起的申请，进入流程详情点击催办，即可对审批人发送DING，提醒审批人快速办理。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
          <img src="../../../fmui/images/meeting_29.png" alt=""/>
        </div>
      </Group>
    </div>
  }
};
